$(function(){
    var openId = localStorage.getItem("openId");
    getHbList(openId,'0');
    $(".nav .item").click(function(){
        $(this).addClass("active").siblings().removeClass("active");
        var idx = $(this).index();
        getHbList(openId,idx); // idx  0 未使用  1 已使用
    });
});
function getHbList(openId,idx){
    $.ajax({
        type: "GET",
        url: baseUrl + "/rest/lkHongbaoController/list/"+openId,
        contentType:"application/json;charset=UTF-8",
        dataType: "json",
        data:{
            pageNumber:'1',
            pageSize:'100'
        },
        success: function(e){ 
            if(e.ok){
                console.log(e)
                if(e.data.length){
                    let a = '';
                    $("#wrap").html(' ');
                    // idx  0 未使用  1 已使用
                    for(let i=0;i<e.data.length;i++){
                        if(idx == '0'){
                            if(e.data[i].hb05 == '否'){
                                a += '<div class="item">';
                                a += '<div class="l">';
                                a += '<div class="price">￥'+e.data[i].hb04+'</div>';
                                a += '<div class="txt">抵用券</div>';
                                a += '</div>';
                                a += '<div class="c">';
                                a += '<p class="tit">'+e.data[i].hb06+'</p>';
                                a += '<p class="info">获取时间：'+e.data[i].hb08+'</p>';
                                a += '<p class="info">有效时间：'+e.data[i].hb09+'</p>';
                                a += '<p class="info">仅限手机号：'+e.data[i].hb02+'</p>';
                                a += '</div>';
                                a += '<div class="r">';
                                a += '<div class="btn" data-id="'+e.data[i].id+'">立即使用</div>';
                                a += '</div>';
                                a += '</div>';
                            }
                        }
                        if(idx == '1'){
                            if(e.data[i].hb05 == '是'){
                                a += '<div class="item a">';
                                a += '<div class="l">';
                                a += '<div class="price">￥'+e.data[i].hb04+'</div>';
                                a += '<div class="txt">抵用券</div>';
                                a += '</div>';
                                a += '<div class="c">';
                                a += '<p class="tit">'+e.data[i].hb06+'</p>';
                                a += '<p class="info">获取时间：'+e.data[i].hb08+'</p>';
                                a += '<p class="info">使用时间：'+e.data[i].hb07+'</p>';
                                a += '<p class="info">仅限手机号：'+e.data[i].hb02+'</p>';
                                a += '</div>';
                                // a += '<div class="r">';
                                // a += '<div class="btn" data-id="'+e.data[i].id+'">立即使用</div>';
                                // a += '</div>';
                                a += '</div>';
                            }
                        }
                    }
                    $("#wrap").append(a);
                    // 立即使用 出现二维码
                    $(".btn").click(function(){
                        var id = $(this).attr('data-id');
                        console.log(id);
                        $(".qrcode-box").css('display','block');
                        var _w = $("#qrCode").width();
                        jQuery('#qrCode').qrcode({
                            render: "canvas",
                            width: _w,
                            height: _w,
                            text: id
                        });
                    });
                    // 关闭二维码
                    $(".close").click(function(){
                        $(".qrcode-box").css('display','none');
                        $("#qrCode").html('');
                    });
                }else{
                    $("#wrap").html(' ').append('<div class="no">目前暂无数据</div>');
                }
            }else{
                messageBox('获取数据失败，请稍后再试')
            }

        }
    });
}